<template>
  <div class="mate-form-0-outer">
    <div v-if="curFile" class="info-outer">
      <div style="display: flex; padding: 4px">
        <div class="form-label">文件名称</div>
        <div>{{ curFile.name }}</div>
      </div>
      <div style="display: flex; padding: 4px">
        <div class="form-label">文件类型</div>
        <div>{{ curFile.type }}</div>
      </div>
      <div style="display: flex; padding: 4px">
        <div class="form-label">文件大小</div>
        <div>{{ curFile.size }}</div>
      </div>
      <div style="display: flex; padding: 4px">
        <div class="form-label">修改时间</div>
        <div>{{ curFile.lastModified }}</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MateForm0',
  data() {
    return {};
  },
  computed: {
    curFile: function () {
      return this.$store.state.curFile;
    },
  },
  methods: {},
  mounted() {},
};
</script>

<style scoped>
</style>
